.position {
    width: 440px;
    margin: 30px 15px 0;


    .table_item {
        width: 100%;
        height: 40px;
        background: url(./img/tableItem.png) no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
        display: flex;
        color: #fff;
        margin-bottom: -1px;
        align-items: center;
        line-height: 16px;

        .item1 {
            width: 14%;
            text-align: center;
        }

        .item2 {
            width: 80%;
            text-align: left;
            padding-left: 10px;
            white-space: pre;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .item3 {
            width: 30%;
            text-align: right;
        }

        .item3Center {
            width: 22%;
            text-align: center;
        }

        .item4 {
            width: 30%;
            text-align: center;

            .width {
                width: 90px;
            }

            img {
                vertical-align: bottom;
                padding-left: 4px;
            }
        }

        .item5 {
            width: 30%;
            text-align: center;
        }
    }

    .table {
        overflow-y: auto;
        height: 264px;
        padding-bottom: 10px;

        &::-webkit-scrollbar {
            width: 0px;
            height: 0px;
        }



        .active {
            background: url(./img/tableItemActive.png) no-repeat;
            background-size: 100% 100%;
        }
    }

}